Como ficou definido no documento 4, os elementos html podem ser divididos nas seguintes classes :
1-ELEMENTOS BÁSICOS: <body>
2-ELEMENTOS DE METADADOS: <base><head><link><meta><style>
3-ELEMENTOS DE SEÇÕES DE CONTEÚDO: <address><article><aside> <footer> <header><h1> a <h6><hgroup><nav>
4-ELEMENTOS DE CONTEÚDOS EM TEXTO: <dd><dl><dt><div><figure> <figcaption><hr><li><main><ol><p><pre><ul>
5-ELEMENTOS DE TEXTO EM LINHA: <a><abbr><b><br><cite><code> <data><dfn><em><i><kbd><mark><q><s><samp> <small><span><strong><sub><sup><time><u><var>
6-ELEMENTOS DE IMAGEM E MULTIMÍDIA: <img><area><audio><map><track><video>
7-ELEMENTOS DE CONTEÚDOS EMBARCADOS :<embed><object><param><source>
8-ELEMENTOS DE SCRIPT: <canvas><noscript><script>
9-ELEMENTOS DE MARCAÇÃO DE EDIÇÃO: <del> <ins>
10-ELEMENTOS DE CONTEÚDOS EM TABELA: <caption><col><colgroup><table> <tbody><td><tfoot><th><thead><tr>
11-ELEMENTOS DE FORMULÁRIO: <button><datalist><fieldset><form><input> <label><legend><meter><optgroup><option><output><progress> <select><textarea>
12-ELEMENTOS INTERATIVOS: <details><menu><menuitem><summary>


Neste documento discutiremos a classe 7-ELEMENTOS DE CONTEÚDOS EMBARCADOS.



<embed>

Define um contêiner para um aplicativo externo ou conteúdo interativo (um plug-in) como um flash player ou o quicktime.
Portanto para que muitos destes recursos funcionem os plugins que eles utilizam devem estar disponíveis e habilitados no browser senão nada será exibido.

Importante : Antes do html4 a tag embed era utilizada praticamente da maneira como é hoje mas no html4 esta tag ficou sem definição e por isso não deve ser usada nesta geração da linguagem.

Atributos:
Atributo Valor Descrição
altura pixels Especifica a altura do conteúdo incorporado
src url Especifica o endereço do arquivo externo a ser incorporado
type media_type Especifica o tipo de mídia do conteúdo incorporado
largura pixels Especifica a largura do conteúdo incorporado
Exemplo 1 (SWF): Como codificar: <embed src="../banners-swf/Banner1.swf">

Exemplo 1 (SWF): Como fica no browser:


Exemplo 2 (QUICKTIME): Como codificar: <embed type="video/quicktime" src="../videos/Exemplo.mov" width="320" height="240">

Exemplo 2 (QUICKTIME): Como fica no browser:


No Chrome o flash já esta bloqueado.
No Edge ele pede permissão para utilizar o flash para tocar o arquivo na página mas não funcionou.



<object>

Fefine um objeto incorporado em um documento HTML. Use esse elemento para incorporar multimídia (como áudio, vídeo, applets Java, ActiveX, PDF e Flash) nas suas páginas da web.
Você também pode usar esta tag para incorporar outra página da Web ao seu documento HTML.
Você pode usar a tag <param> para passar parâmetros para plug-ins que foram incorporados à tag <object>. Portanto, esta funcionalidade é muito parecida com a embed.

Exemplo 1 (PDF): Como codificar:
<object width="1000" height="800" data="../pdfs/WEB/CMS.pdf"></object>


Exemplo 1 (PDF): Como fica no browser:


Exemplo 2 (SWF): Como codificar Flash Player:
<object data="../banners-swf/Banner1.swf" width="600" height="800" type="application/x-shockwave-flash">
    Instale o plugin Shockwave para assistir este filme.
</object>

Exemplo 2 (SWF): Como o browser exibe:
Instale o plugin Shockwave para assistir este filme.



<param>

Serve para enviar dados para a tag object. Veja a tag acima.



<source>

A tag HTML <source> é usada para especificar vários recursos de mídia em elementos de mídia (como <audio> e <video>).
Esse elemento permite especificar arquivos de vídeo e áudio alternativos que o navegador pode escolher, com base em seu tipo de mídia ou suporte a codec.
A tag <source> foi introduzida no HTML 5.
Esta tag é utilizada em conjunto com a tag audio.

Codificação :
<audio controls>
    <source src="../audios/Ring08.wav" type="audio/mpeg">
    Seu browser não suporta elementos de audio.
</audio>

Como o browser exibe :